<template>
  <div class="reg-tall">
    <div class="reg-top">
      <img
        src='../../assets/images/返回 (2).png'
        alt=""
      >
      <p></p>
      >
    </div>
    <div class="reg-empty"></div>
    <!-- 表单 -->
    <div class="reg-form">
      <mt-field
        label="输入手机号"
        placeholder=""
        type="tel"
      > <span>手机号格式错误</span></mt-field>
      <mt-field
        label="输入新密码"
        placeholder=""
        type="password"
      ></mt-field>
      <mt-field
        label="确认新密码"
        placeholder=""
        type="tel"
      > <span>密码不一致</span></mt-field>

      <mt-field
        label="输入验证码"
        placeholder=""
        type="url"
      > <span>验证码错误 | 获取验证码</span></mt-field>

      <mt-field
        label="输入邀请码（选填）"
        placeholder=""
        type="number"
      ></mt-field>
    </div>
    <div class="reg-bottom">
      <p>已向手机发送验证短信，请输入收到的验证码</p>
      <button class="reg-btn">注册</button>
    </div>
  </div>

</template>

<script>
export default {

}
</script>

<style>
.reg-tall {
  height: 100%;
  padding: 0.133333rem /* 10/75 */;
}
.reg-top {
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
}
.reg-empty {
  height: 0.066667rem /* 5/75 */;
  width: 100%;
  color: #cccccc;
}
.reg-top {
  height: 1.066667rem /* 80/75 */;
}
.reg-top h3 {
  text-align: center;
  font-size: 0.186667rem /* 14/75 */;
}

.reg-bottom {
  background-color: #ccc;
  height: 6.666667rem /* 500/75 */;
  width: 100%;
  font-size: 0.266667rem /* 20/75 */;
}

.reg-btn {
  width: 5.333333rem /* 400/75 */;
  height: 1.066667rem /* 80/75 */;
  background-color: orange;
  border-radius: 0.066667rem /* 5/75 */;
  margin-top: 0.133333rem /* 10/75 */;
}
</style>
